/* pages/myReservation/myReservation.wxss */
page {
  background-color: #f5f5f5;
}

.mian {
  padding: 25rpx 0;
  box-sizing: border-box;

  .list {
    width: 90%;
    margin: 0 auto;
    border-radius: 10rpx;
    background-color: #fff;
    margin-bottom: 30rpx;
    padding: 25rpx;
    box-sizing: border-box;

    .header {
      display: flex;
      justify-content: space-between;

      >view:first-child {
        font-size: 36rpx;
        font-weight: bold;
      }

      >view:last-child {
        font-size: 28rpx;
        color: rgb(196, 196, 196);
      }
    }

    .content {
      display: flex;
      font-size: 28rpx;
      color: #333;

      image {
        width: 200rpx;
        height: 150rpx;
        border-radius: 10rpx;
        display: block;
        margin: 15rpx 0;
      }

      .condition {
        margin-left: 20rpx;
        // margin-top: 15rpx;
        flex: 1;
      }

      .cList {
        >view:first-child {
          font-weight: bold;
        }

        margin-top: 10rpx;

        .lcontent {
          background-color: #f5f5f5;
          padding: 10rpx;
          box-sizing: border-box;
          border-radius: 10rpx;
          margin-top: 10rpx;

          .campS {
            color: #fff;
            background-color: #f4ab00;
            border-radius: 10rpx;
            padding: 5rpx 15rpx;
            box-sizing: border-box;
            font-size: 24rpx;
            margin-left: 10rpx;
            margin-bottom: 10rpx;
          }

          .snumber {
            display: flex;
            font-size: 24rpx;
            color: rgb(192, 192, 192);
            justify-content: space-between;
          }

          .lname {
            display: flex;
            justify-content: space-between;
          }

          .unitPrice {
            display: flex;
            justify-content: flex-end;
            font-size: 24rpx;
            color: rgb(192, 192, 192);
          }
        }
      }
    }

    .amount {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      font-size: 28rpx;

      text {
        color: #f36804;
      }

      >text:first-child {
        font-size: 24rpx;
      }

      >text:last-child {
        font-size: 30rpx;
      }
    }

    .button {
      width: 95%;
      background-color: #f4ab00;
      color: #fff;
      font-size: 30rpx;
      border-radius: 20rpx;
      text-align: center;
      height: 70rpx;
      line-height: 70rpx;
      margin: 0 auto;
      margin-top: 15rpx;
    }
  }
}